import React, { useState } from 'react'
import { connect } from 'react-redux'
import {
    MenuFoldOutlined, UserOutlined, DownOutlined
} from '@ant-design/icons';
import { Dropdown, Menu } from 'antd'
import style from './TopHeader.module.css'
import { changeLoginStatus } from '../../redux/action/systemAction'
export function Header(props) {
    
    return (
        <div className={style['layout-header']} >
            <div className={style['logo-wrapper']}>
                <img src="" alt="" />
            </div>
        </div>
    )
}

const mapStateToProps = (state) => ({
    collapsed: state.systemReducer.collapsed
})

const mapDispatchToProps = (dispatch) => ({
    changeSideStatus: (params) => {
        dispatch(changeLoginStatus(params))
    }
})
export default connect(mapStateToProps, mapDispatchToProps)(Header)
